<template>
    <div class="h-screen">
        <FallingStarsBg class="absolute w-full h-full z-0 bg-white dark:bg-black" :color="isDark ? '#FFF' : '#555'" />
        <div class="relative z-10 w-full flex items-center justify-center">
            <!-- 你的内容 -->
            <BlurReveal />
            <threeD_Card />
        </div>
    </div>
</template>

<script setup lang="ts">
import { computed, defineAsyncComponent } from "vue";
import { useColorMode } from "@vueuse/core";
const BlurReveal = defineAsyncComponent(() => import("@/views/home/modules/BlurReveal.vue"));
const threeD_Card = defineAsyncComponent(() => import("@/views/home/modules/3D-card.vue"));

const isDark = computed(() => useColorMode().value == "dark");
</script>

<style scoped>

</style>